/* line 6, ../scss/chronology.scss */
.header {
  z-index: 10000; }

/* line 10, ../scss/chronology.scss */
#opening {
  position: absolute;
  z-index: 1001;
  background: url(../images/bg.jpg) left top no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1; }

/* line 19, ../scss/chronology.scss */
#opening .inner {
  width: 600px;
  height: 400px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -200px; }

/* line 30, ../scss/chronology.scss */
#opening .inner #start-btn {
  width: 160px;
  height: 160px;
  margin: 30px auto;
  display: block; }

/* line 36, ../scss/chronology.scss */
#opening .inner #entrancetxt {
  width: 160px;
  padding-top: 65px;
  text-align: center;
  position: absolute; }

/* line 42, ../scss/chronology.scss */
#opening .inner #entrancetxt img {
  width: 110px;
  height: auto; }

/* line 47, ../scss/chronology.scss */
#opening .inner #dial {
  position: absolute; }

/* line 50, ../scss/chronology.scss */
#opening .inner #dial img {
  width: 160px;
  height: 160px;
  -webkit-animation: spin 10s linear infinite;
  -moz-animation: spin 10s linear infinite;
  -ms-animation: spin 10s linear infinite;
  -o-animation: spin 10s linear infinite;
  animation: spin 10s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/* line 79, ../scss/chronology.scss */
#opening .inner #dial img {
  width: 160px;
  height: auto; }

/* line 83, ../scss/chronology.scss */
#chronology-wrap {
  height: 860px;
  width: 100%;
  min-width: 1040px;
  overflow: hidden;
  background: url(../images/bg.jpg) left top no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: 13px;
  position: relative;
  z-index: 0; }

/* line 96, ../scss/chronology.scss */
#chronology-wrap #minimap {
  position: absolute;
  top: 120px;
  right: 60px;
  padding: 15px 0;
  border: 1px solid #efefef;
  border-width: 0 1px 0;
  background-color: rgba(255, 255, 255, 0.5);
  width: 400px;
  overflow: hidden;
  z-index: 1000; }
  /* line 107, ../scss/chronology.scss */
  #chronology-wrap #minimap #map-inner {
    height: 100px; }
    /* line 109, ../scss/chronology.scss */
    #chronology-wrap #minimap #map-inner #mappos {
      position: absolute;
      width: 60px;
      height: 30px;
      background-color: rgba(0, 0, 0, 0.1);
      border: 1px solid #cccccc;
      z-index: 2001; }
    /* line 117, ../scss/chronology.scss */
    #chronology-wrap #minimap #map-inner #map-container {
      position: absolute; }
      /* line 119, ../scss/chronology.scss */
      #chronology-wrap #minimap #map-inner #map-container img {
        height: 100px;
        width: auto; }

/* line 127, ../scss/chronology.scss */
#chronology-tit {
  width: 254px;
  height: 60px;
  position: absolute;
  top: 134px;
  left: 50px;
  z-index: 1000; }

/* line 135, ../scss/chronology.scss */
nav#g-navi {
  width: 100%;
  height: 50px;
  background: #fff;
  position: relative;
  z-index: 10 !important; }

/* line 142, ../scss/chronology.scss */
nav#g-navi ul {
  width: 1040px;
  margin: 0 auto;
  text-align: center;
  height: 50px;
  font-size: 0px; }

/* line 149, ../scss/chronology.scss */
nav#g-navi ul li {
  height: 50px;
  width: 150px;
  box-sizing: border-box;
  display: inline-block; }

/* line 155, ../scss/chronology.scss */
nav#g-navi ul li a {
  display: block;
  font-size: 13px;
  height: 50px;
  padding-top: 16px;
  box-sizing: border-box; }

/* line 162, ../scss/chronology.scss */
nav#g-navi ul li a span {
  display: block;
  font-size: 12px;
  box-sizing: border-box;
  border-left: solid 1px #d5d5d5; }

/* line 168, ../scss/chronology.scss */
nav#g-navi ul li:first-child a {
  border-left: none; }

/* line 171, ../scss/chronology.scss */
nav#g-navi ul li.here a, nav#g-navi ul li a:hover {
  border-bottom: solid 3px #000; }

/* line 174, ../scss/chronology.scss */
#timeline {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 16px;
  z-index: 10 !important; }

/* line 181, ../scss/chronology.scss */
#timeline #timeline-inner {
  overflow: hidden;
  text-align: center;
  height: 6px;
  margin-left: 7px; }

/* line 187, ../scss/chronology.scss */
#timeline span {
  height: 3px;
  display: block;
  float: left;
  box-sizing: border-box;
  border-left: solid 1px #64625b; }

/* line 194, ../scss/chronology.scss */
#timeline span.size_m {
  height: 6px; }

/* line 197, ../scss/chronology.scss */
#timeline span.size_l {
  height: 6px;
  border-left: solid 3px #64625b; }

/* line 201, ../scss/chronology.scss */
ul#timenavi {
  width: 100%;
  height: 75px;
  position: relative;
  display: block;
  padding-left: -50px;
  z-index: 2; }

/* line 209, ../scss/chronology.scss */
ul#timenavi li {
  display: block;
  position: absolute;
  top: 10px; }

/* line 214, ../scss/chronology.scss */
ul#timenavi li a, ul#timenavi li a img {
  display: block; }

/* line 217, ../scss/chronology.scss */
ul#timenavi li span {
  display: block;
  position: absolute;
  cursor: pointer;
  border-left: none;
  width: 60px !important;
  height: 17px;
  padding-left: 17px;
  transform: rotate(90deg);
  line-height: 17px;
  font-size: 9px; }

/* line 229, ../scss/chronology.scss */
ul#timenavi li span:hover, ul#timenavi li span.here {
  color: #fff;
  background: url(../images/bg_timelineobj.png) left top no-repeat; }

/* line 234, ../scss/chronology.scss */
#historyofcitizen {
  width: 616px;
  height: 157px;
  position: absolute;
  left: 8px;
  bottom: 8px;
  overflow: hidden;
  z-index: 10; }

/* line 243, ../scss/chronology.scss */
#historyofcitizen #history-tit {
  width: 121px;
  height: 37px;
  margin-left: 23px; }

/* line 248, ../scss/chronology.scss */
#historyofcitizen #slide-box {
  width: 616px;
  height: 120px;
  position: relative; }

/* line 253, ../scss/chronology.scss */
#historyofcitizen #slide-box button {
  width: 23px;
  height: 120px;
  position: absolute;
  cursor: pointer; }

/* line 259, ../scss/chronology.scss */
#historyofcitizen #slide-box button:hover {
  opacity: .6; }

/* line 262, ../scss/chronology.scss */
#historyofcitizen #slide-box button img {
  display: block; }

/* line 265, ../scss/chronology.scss */
#historyofcitizen #slide-box button.left {
  left: 0; }

/* line 268, ../scss/chronology.scss */
#historyofcitizen #slide-box button.right {
  right: 0; }

/* line 271, ../scss/chronology.scss */
#historyofcitizen #slide-box #slide-wrap {
  height: 120px;
  width: 570px;
  position: absolute;
  overflow: hidden;
  left: 23px; }

/* line 278, ../scss/chronology.scss */
#historyofcitizen #slide-box #slide-inner {
  height: 120px;
  width: auto;
  position: absolute;
  overflow: hidden;
  left: 30px; }

/* line 285, ../scss/chronology.scss */
#historyofcitizen #slide-box #slide-inner section {
  width: 120px;
  height: 120px;
  overflow: hidden;
  float: left;
  margin-right: 10px; }

/* line 292, ../scss/chronology.scss */
#historyofcitizen #slide-box #slide-inner section a,
#historyofcitizen #slide-box #slide-inner section .ainner {
  width: 120px;
  height: 80px;
  display: block;
  overflow: hidden;
  position: relative; }

/* line 300, ../scss/chronology.scss */
#historyofcitizen #slide-box #slide-inner section a .binner,
#historyofcitizen #slide-box #slide-inner section .ainner .binner {
  width: 120px;
  height: 80px;
  position: relative; }

/* line 306, ../scss/chronology.scss */
#historyofcitizen #slide-box #slide-inner section a .binner img,
#historyofcitizen #slide-box #slide-inner section .ainner .binner img {
  width: 120px;
  height: 80px;
  display: block;
  overflow: hidden;
  position: absolute; }

/* line 314, ../scss/chronology.scss */
#historyofcitizen #slide-box #slide-inner section a .binner span,
#historyofcitizen #slide-box #slide-inner section .ainner .binner span {
  display: block;
  position: relative;
  width: 100%;
  top: 50%;
  text-align: center;
  color: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 11px;
  padding: 5px; }

/* line 328, ../scss/chronology.scss */
#historyofcitizen #slide-box #slide-inner section p {
  padding-top: 5px;
  font-size: 13px; }

/* line 332, ../scss/chronology.scss */
#historyofcitizen #slide-box #slide-inner section p span {
  font-size: 11px; }

/* line 335, ../scss/chronology.scss */
#historyofcitizen #slide-box #slide-inner #slide-container {
  width: 29999px; }

/* line 338, ../scss/chronology.scss */
#timeline-obj {
  position: absolute;
  width: 17px;
  height: 60px;
  z-index: 1; }

/* line 344, ../scss/chronology.scss */
#timeline-obj img {
  display: block; }

/*news*/
/* line 351, ../scss/chronology.scss */
#history-news {
  width: 466px;
  height: 36px;
  background: #000;
  border-radius: 18px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  z-index: 10; }

/* line 361, ../scss/chronology.scss */
#history-news dl {
  overflow: hidden;
  padding-top: 11px;
  padding-left: 30px; }

/* line 367, ../scss/chronology.scss */
#history-news dl dt {
  display: block;
  float: left;
  width: 135px; }

/* line 372, ../scss/chronology.scss */
#history-news dl dt span, #history-news dl dt span img {
  display: block; }

/* line 375, ../scss/chronology.scss */
#history-news dl dd {
  display: block;
  float: left;
  width: 230px;
  margin-left: 10px;
  line-height: 13px;
  font-size: 12px;
  color: #fff;
  overflow: hidden; }

/* line 385, ../scss/chronology.scss */
#history-news button {
  display: block;
  width: 61px;
  height: 14px;
  position: absolute;
  right: 16px;
  top: 11px;
  cursor: pointer; }

/* line 394, ../scss/chronology.scss */
#history-news button:hover {
  opacity: .6; }

/* line 398, ../scss/chronology.scss */
.ticker {
  margin: 0 auto;
  text-align: left;
  position: relative;
  overflow: hidden; }

/* line 405, ../scss/chronology.scss */
#ticker-slide ul {
  position: relative; }

/* line 409, ../scss/chronology.scss */
#ticker-slide ul li {
  padding-top: 1px;
  overflow: hidden;
  margin-bottom: 20px;
  display: none; }

/* line 418, ../scss/chronology.scss */
#main-map {
  height: 812px;
  width: 100%;
  position: absolute;
  overflow: hidden;
  top: 0px;
  z-index: 1;
  opacity: 0; }

/* line 427, ../scss/chronology.scss */
#main-map img {
  width: 100%;
  height: auto; }

/* line 431, ../scss/chronology.scss */
.zoomableContainer {
  height: 812px !important; }

/* line 434, ../scss/chronology.scss */
#map-cont {
  position: absolute;
  right: 30px;
  top: 50%;
  z-index: 1000;
  width: 20px;
  height: 482px;
  margin-top: -241px;
  overflow: hidden; }

/* line 444, ../scss/chronology.scss */
#map-cont img {
  cursor: pointer;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute; }

/* line 451, ../scss/chronology.scss */
#map-cont img#zoomInButton {
  top: 0; }

/* line 454, ../scss/chronology.scss */
#map-cont img#zoomOutButton {
  bottom: 0; }

/* line 457, ../scss/chronology.scss */
#map-cont #scale {
  width: 20px;
  height: 442px;
  position: absolute;
  top: 20px;
  background: url(../images/bg_zoom.png) left top no-repeat; }

/* line 465, ../scss/chronology.scss */
section.item {
  width: 100px;
  height: 100px;
  top: 300px;
  position: absolute;
  /*background: #cc0000;*/ }

/* line 473, ../scss/chronology.scss */
#map-cont #scale {
  width: 20px;
  height: 442px;
  position: absolute;
  top: 20px;
  background: url(../images/bg_zoom.png) left top no-repeat; }

/* line 480, ../scss/chronology.scss */
#map-cont #scale img#zoombtn_obj {
  width: 17px;
  height: 17px;
  cursor: default;
  position: absolute;
  display: block;
  top: 0;
  left: 2px; }

/* line 489, ../scss/chronology.scss */
#map-cont #scale ul {
  height: 442px;
  width: 20px;
  padding-top: 3px;
  overflow: visible; }

/* line 495, ../scss/chronology.scss */
#map-cont #scale ul li {
  width: 20px;
  height: 40px;
  display: block;
  /*cursor: pointer;*/
  box-sizing: border-box;
  /*border: 1px solid #000;*/ }

/* line 504, ../scss/chronology.scss */
.tickercontainer {
  /* the outer div with the black border */
  height: 27px;
  margin: 0;
  padding: 0;
  overflow: hidden; }

/* line 510, ../scss/chronology.scss */
ul.ticker02 {
  overflow: hidden;
  position: relative; }

/* line 514, ../scss/chronology.scss */
ul.ticker02 li {
  white-space: nowrap;
  position: absolute; }

/* line 520, ../scss/chronology.scss */
#bottom-news {
  position: absolute;
  width: 100%;
  height: 0px;
  bottom: 0;
  z-index: 10;
  overflow: hidden;
  background: url(../images/bg_btmnews.png) left top repeat-x; }

/* line 529, ../scss/chronology.scss */
#bottom-news #inner {
  position: relative;
  width: 100%;
  height: 106px; }

/* line 535, ../scss/chronology.scss */
#bottom-news #inner p {
  display: block;
  width: 480px;
  position: absolute;
  text-align: center;
  color: #fff;
  left: 480px;
  margin-top: 20px; }

/* line 544, ../scss/chronology.scss */
#bottom-news #inner p:nth-child(even) {
  margin-top: 50px; }

/* line 547, ../scss/chronology.scss */
#bottom-news #inner p span {
  display: block;
  width: 380px;
  margin: auto;
  text-align: center; }

/* line 553, ../scss/chronology.scss */
#news-btn-close {
  width: 80px;
  height: 25px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer; }

/* line 561, ../scss/chronology.scss */
#news-btn-close img {
  display: block; }

/* line 566, ../scss/chronology.scss */
#history-wrap {
  background-color: #fff; }

/* line 586, ../scss/chronology.scss */
#data-wrap {
  display: block;
  width: 15000px;
  height: 2500px;
  overflow: hidden; }

/* line 592, ../scss/chronology.scss */
#outputdata section {
  display: block;
  width: 60px;
  position: absolute;
  overflow: visible;
  z-index: 1000; }

/* line 599, ../scss/chronology.scss */
#outputdata section article {
  display: block;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  left: -60px;
  top: -30px;
  margin-bottom: 0; }

/* line 610, ../scss/chronology.scss */
#outputdata section.item2 article:first-child {
  top: -10px; }

/* line 613, ../scss/chronology.scss */
#outputdata section.item2 article:last-child {
  top: 0px; }

/* line 616, ../scss/chronology.scss */
#outputdata section.item3 article {
  top: 0px; }

/* line 619, ../scss/chronology.scss */
#outputdata section.item3 article:first-child {
  top: -10px; }

/* line 622, ../scss/chronology.scss */
#outputdata section.item3 article:last-child {
  top: 10px; }

/* line 625, ../scss/chronology.scss */
#outputdata section article img {
  display: block;
  height: 60px;
  width: 60px;
  width: auto;
  float: left; }

/* line 632, ../scss/chronology.scss */
#outputdata section article a {
  display: block;
  width: 60px;
  height: 60px;
  overflow: hidden;
  position: relative; }

/* line 639, ../scss/chronology.scss */
#outputdata section article a div {
  float: left;
  font-size: 11px;
  width: 60px;
  height: 60px;
  position: relative;
  line-height: 1.2em; }

/* line 647, ../scss/chronology.scss */
#outputdata section article a div p {
  padding-top: 21px; }

/* line 650, ../scss/chronology.scss */
#outputdata section article a p span {
  background: none;
  display: block;
  color: #000;
  font-size: 10px;
  padding: 0;
  padding-bottom: 2px;
  text-align: left !important; }

/* line 662, ../scss/chronology.scss */
#infocontainer {
  position: absolute;
  z-index: 2000;
  left: 0px;
  top: 0px; }
  /* line 667, ../scss/chronology.scss */
  #infocontainer .tooltip {
    position: absolute;
    width: 240px;
    height: 100px;
    background-color: #fff;
    top: -50px;
    left: -150px; }
    /* line 674, ../scss/chronology.scss */
    #infocontainer .tooltip a {
      display: block;
      overflow: hidden; }
      /* line 677, ../scss/chronology.scss */
      #infocontainer .tooltip a .img {
        float: left; }
        /* line 679, ../scss/chronology.scss */
        #infocontainer .tooltip a .img img {
          width: 100px;
          height: auto; }
      /* line 684, ../scss/chronology.scss */
      #infocontainer .tooltip a .info {
        float: right;
        width: 140px;
        padding: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        /* line 689, ../scss/chronology.scss */
        #infocontainer .tooltip a .info .year {
          display: inline-block;
          color: #a3a3a3;
          font-size: 11px; }
        /* line 694, ../scss/chronology.scss */
        #infocontainer .tooltip a .info .cal {
          display: inline-block;
          margin-left: 10px;
          font-size: 11px; }
        /* line 699, ../scss/chronology.scss */
        #infocontainer .tooltip a .info .itemname {
          padding: 10px 0;
          display: block;
          font-size: 12px; }

/* line 716, ../scss/chronology.scss */
.st5 {
  transition: all 0.3s ease-out 0; }

/* line 719, ../scss/chronology.scss */
#ct {
  height: 2500px;
  width: 15000px;
  position: absolute;
  left: 0;
  top: 0; }

/* line 726, ../scss/chronology.scss */
#ct span.xline {
  height: 100px;
  float: left;
  display: block;
  box-sizing: border-box;
  z-index: 1000;
  /*border-left: solid 1px #000; */ }

/* line 734, ../scss/chronology.scss */
#cty {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0; }

/* line 740, ../scss/chronology.scss */
#cty span.yline {
  width: 1px;
  display: block;
  box-sizing: border-box;
  /*border-bottom: solid 1px #000;*/
  position: absolute; }

/* line 754, ../scss/chronology.scss */
.name {
  padding: 5px 20px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  display: inline-block;
  background-color: #000;
  position: absolute;
  z-index: 9999;
  top: -9999px;
  left: -9999px;
  font-weight: bold;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px; }

/* line 772, ../scss/chronology.scss */
#imageFullScreen {
  width: 15000px;
  height: 2500px;
  overflow: hidden; }


/* add */
input, button, textarea, select {
  font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}